parent() method usage in jQuery

Question

Aryan Kumar · Answer

In jQuery, the parent() method is used to traverse up the DOM hierarchy and select the parent element of the matched set of elements. It returns a set containing the unique ancestors of each element in the original set, optionally filtered by a selector.
Syntax:
$(selector).parent([filter])
selector (optional): A string containing a selector expression to filter the parent elements.filter (optional): A string containing a selector expression to filter the results.
Example:
andlt;!DOCTYPE html>
andlt;html lang="en">
andlt;head>
  andlt;meta charset="UTF-8">
  andlt;meta name="viewport" content="width=device-width, initial-scale=1.0">
  andlt;title>jQuery parent() Method Exampleandlt;/title>
  andlt;script src="https://code.jquery.com/jquery-3.6.4.min.js">andlt;/script>
andlt;/head>
andlt;body>
andlt;div class="parent">
  andlt;p>Parent Elementandlt;/p>
  andlt;div class="child">
    andlt;p>Child Elementandlt;/p>
  andlt;/div>
andlt;/div>
andlt;script>
  $(document).ready(function() {
    // Select the parent of the element with class 'child'
    var parentElement = $('.child').parent();
    // Output the text content of the parent element
    console.log("Parent Element Text: " + parentElement.text());
  });
andlt;/script>
andlt;/body>
andlt;/html>
In this example:
The parent() method is used to select the parent element of the element with the class 'child'.The text content of the parent element is then logged to the console.
Keep in mind that parent() only selects the immediate parent. If you want to traverse up multiple levels, you can chain multiple
parent() calls or use the parents() method with an optional filter.

forum

parent() method usage in jQuery

Ethan Karla

Can you answer this question?

1 Answers

Syntax:

Example:

Liked By